@import "./index";
// @import "./reset";
//放大镜
main{
    width: 1210px;
    height: 510px;
    margin: 50px auto;
    position: relative;
    .container{
        width: 350px;
        position: absolute;
        // left: 200px;
        .small-img{
            width: 350px;
            height: 350px;
            border: 1px solid #eee;
            position: relative;
            img{
                display: block;
                width: 100%;
                height: 100%;
            }
            .focus{
                width: 236px;
                height: 236px;
                border: 1px solid #aaa;
                background: 50% top no-repeat #fede4f;
                opacity: .5;
                position: absolute;
                left: 0;
                top: 0;
                display: none;
            }
        }
        .big-img{
            width: 540px;
            height: 540px;
            border: 1px solid #eee;
            position: absolute;
            left: 351px;
            top: 0;
            overflow: hidden;
            display: none;
            img{
                width: 800px;
                height: 800px;
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 999;
            }
        }
        .pagination{
            width: 348px;
            height: 65px;
            border: 1px solid gray;
            img{
                border: 2px solid #fff;
                display: block;
                float: left;
                &:hover{
                    border-color: #f10;
                }
            }
            img.active{
                border-color: #f10;
            }
        }
    }
    .introduce{
        position: absolute;
        top: 0;
        left: 400px;
        #name{
            padding: 5px 0 0 0;
            zoom: 1;
            h1 {
                line-height: 1.5em;
                overflow: hidden;
                font-weight: 700;
                font-size: 16px;
                color: #333;
            }
            .p-ad {
                color: #ff6600;
                font-size: 12px;
                line-height: 20px;
                word-break: break-all;
                margin-top: 10px;
            }

        }
        #summary {
            width: 100%;
            position: relative;
            .summary-wrap {
                background-color: #f7f7f7;
                padding: 30px 10px;
                margin: 15px 0px;
                .fl {
                    float: left;
                    .summary-price {
                        margin-bottom: 10px;
                        height: 30px;
                        line-height: 30px;
                        overflow: hidden;
                        #itemInfo .dt {
                            float: left;
                            color: #999;
                            margin-right: 30px;
                        }
                        dd{
                            float: left;
                            strong {
                                color: #ff6600;
                                /* font-family: Arial; */
                                font-size: 30px;
                                margin-right: 3px;
                                font-weight: 500;
                            }
                        }
                    }

                }
                .summary-price-right-box {
                    border-left: 1px solid #b7b7b7;
                    padding-left: 15px;
                }
            }
            .summary-top {
                background: #fff;
                padding-left: 10px;
                #summary-promotion {
                    position: relative;
                    width: 100%;
                    padding-top: 4px;
                    padding-right: 0;
                    background: #fff;
                    #itemInfo .dt {
                        float: left;
                        color: #999;
                        margin-right: 30px;
                        line-height: 30px;
                    }
                    #itemInfo .dd {
                        float: left;
                    }
                }
            }
            .summary-cuxiao-top {
                margin-bottom: 12px;
                #summary-promotion {
                    position: relative;
                    width: 100%;
                    padding-top: 4px;
                    padding-right: 0;
                    background: #fff;
                    #itemInfo .dt {
                        float: left;
                        color: #999;
                        margin-right: 30px;
                    }
                    #itemInfo .dd {
                        float: left;
                        .hl_red_bg {
                            color: #fff;
                            background: #ff6600;
                            padding: 0 4px;
                            line-height: 12px;
                            font-size: 12px;
                            margin-right: 5px;
                        }
                    }
                }
            }
            #summary-stock {
                margin-bottom: 15px;
                padding-left: 10px;
                #itemInfo .dt {
                    float: left;
                    color: #999;
                    margin-right: 30px;
                }
                #itemInfo .dd {
                    float: left;
                }
            }
        }
        #choose{
            width: 550px;
            height: 50px;
            .purchise{
                width: 343px;
                height: 50px;
                float: left;
                .left button{
                    width: 168px;
                    height: 50px;
                    background-color: red;
                    text-align: center;
                    line-height: 50px;
                    font-size: 25px;
                    color: #fff;
                    float: left;
                    margin-right: 5px;
                    cursor: pointer;
                }
                .right button{
                    width: 168px;
                    height: 50px;
                    background-color: #ff6600;
                    text-align: center;
                    line-height: 50px;
                    font-size: 25px;
                    color: #fff;
                    float: left;
                    cursor: pointer;
                }
            }
            .payment{
                width: 128px;
                height: 48px;
                float: left;
            }
            
        }
    }
}